.step-comp{
    height: 120px;
    /*width: 1200px;*/
    padding-top: 33px;
    box-sizing: border-box;

    /*background-color: pink;*/
}

.step-comp-stpes {
    display: flex;
    /*margin-left: 280px;*/
    margin:0 auto;
}

.step-comp-item {
    padding: 0 20px;
    height: 28px;
}

.step-comp-item-dot {
    width: 28px;
    height: 28px;
    background: rgba(0, 147, 235, 1);
    border: 1px solid rgba(0, 147, 235, 1);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.step-comp-item-dot > p {
    font-size: 14px;
    color: rgba(255, 255, 255, 1);
}

.step-comp-item-dot1 {
    width: 28px;
    height: 28px;
    background: rgba(210, 210, 210, 1);
    border: 1px solid rgba(210, 210, 210, 1);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.step-comp-item-dot1 > p {
    font-size: 14px;
    color: rgba(255, 255, 255, 1);
}

.step-comp-item-dot2 {
    width: 28px;
    height: 28px;
    background: rgba(255, 255, 255, 1);
    border: 1px solid rgba(0, 147, 235, 1);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.step-comp-item-p {
    position: absolute;
    bottom: -28px;
    /*left:0*/
}

.step-comp-arrows {
    /*width: 128px;*/
    display: flex;
}

.step-comp-arrow-dot {
    width: 4px;
    height: 4px;
    background: #bcbcbc;
    border-radius: 50%;
    margin-right: 8px;
    margin-top: 12px;
}

.step-comp-arrow-dot1 {
    width: 4px;
    height: 4px;
    background: #0093eb;
    border-radius: 50%;
    margin-right: 8px;
    margin-top: 12px;
}

.step-comp-arrow-right {
    /*width: 20px;*/
    height: 20px;
    /*background-color: pink;*/
    margin-top: 4px;
    margin-left: -10px;
}

.step-comp-stpes-texts {
    display: flex;
    margin-top: 15px;
}

.step-comp-texts-p1 {
    font-size: 12px;
    color: #bcbcbc;
    margin-left: -3px;
}

.step-comp-texts-p1-choose {
    font-size: 12px;
    color: rgba(100, 100, 100, 1);
    margin-left: -3px;
}

.step-comp-texts-p2 {
    font-size: 12px;
    color: #bcbcbc;
    margin-left: 158px;
}

.step-comp-texts-p2-choose {
    font-size: 12px;
    color: rgba(100, 100, 100, 1);
    margin-left: 158px;
}

.step-comp-texts-p3 {
    font-size: 12px;
    color: #bcbcbc;
    margin-left: 172px;
}

.step-comp-texts-p3-choose {
    font-size: 12px;
    color: rgba(100, 100, 100, 1);
    margin-left: 172px;
}

.step-comp-texts-p4 {
    font-size: 12px;
    color: #bcbcbc;
    margin-left: 170px;
}

.step-comp-texts-p4-choose {
    font-size: 12px;
    color: rgba(100, 100, 100, 1);
    margin-left: 170px;
}
